﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="renderer" content="webkit">
	<!-- SEO相关 -->
	<title>A1_Panda的小屋♂ | Welcome</title>
	<meta name="description" content="A1_Panda的小屋♂">
	<meta name="keywords" content="A1_Panda,个人主页,引导页,导航,博客,音乐,电影,壁纸,解析,源码,教程">
	<meta name="author" content="A1_Panda@outlook.com">
	<!-- 移动端相关 -->
	<meta name="format-detection" content="telephone=no, email=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-title" content="A1_Panda的小屋♂">
	<meta name="theme-color" content="#CCFFFF">
	<!-- 样式表 -->
	<link rel="stylesheet" href="res/css/main.css">
	<link rel="stylesheet" href="res/css/style.css">
	<noscript>
		<link rel="stylesheet" href="res/css/noscript.css">
	</noscript>
	<link rel="shortcut icon" href="https://q1.qlogo.cn/g?b=qq&nk=3121280556&s=640" type="image/x-icon">
</head>

<body class="is-loading">

	<div id="core">
		<div class="buttons">
			<button class="next" onclick="go(-1)"></button>
			<button class="prev" onclick="go(1)"></button>
		</div>
	</div>

	<!-- Wrapper -->
	<div id="wrapper">
		<!-- Main -->
		<section id="main">
			<!--header模块-->
			<header>
				<!--头像-->
				<span class="avatar"><img src="https://q1.qlogo.cn/g?b=qq&nk=3121280556&s=640" id="logo" width="150" height="150"
						alt="3121280556" /></span>
				<!--内容-->
				<a href="index.html">
					<h1>A1_Panda</h1>
				</a>
				<p>欢迎来到我的焦灼♂小屋！</p>
			</header>
			<!--footer模块-->
			<footer>
				<!--上部导航-->
				<a href="https://github.com/A1Panda" class="fa fa-hacker-news" target="_blank">GitHub</a>
				<a>|</a>
				<a href="https://gitee.com/a1_panda/" class="fa fa-gitee" target="_blank">Gitee</a>
				<a>|</a>
				<a href="https://space.bilibili.com/382143703" class="fa fa-picture-o" target="_blank">哔哩哔哩</a>
				<!--换行符占位，用于页面排版-->
				<br /><br />
				<!--中部导航-->
				<ul class="icons">
					<li><a href="https://steamcommunity.com/profiles/76561199028183091/" class="fa fa-steam-square" target="_blank"></a>Steam</li>
					<li><a href="https://alist.a1panda.com/" class="fa-cloud" target="_blank"></a>云盘</li>
					<li><a href="https://music.163.com/#/user/home?id=2014604021" class="fa fa-music" target="_blank"></a>音乐</li>
					<li><a href="photo.html" class="fa fa-picture-B" target="_blank"></a>图片</li>
					<li><a href="https://mc.a1panda.com/" class="fa fa-book"></a>控制面板</li>
					<li><a href="https://1panel.a1panda.com/" class="fa fa-briefcase" target="_blank"></a>控制台</li>
					<!--
					<li><a href="#" class="fa fa-cogs" target="_blank"></a>API</li>
					<li><a href="#" class="fa fa-camera" target="_blank"></a>相册</li>
					-->
				</ul>

				<!--联系方式-->
				<a href="https://qm.qq.com/cgi-bin/qm/qr?k=aLBf3MxDJEn1tERiglLmvimlMSiN09OM&jump_from=webapi&authKey=E+jTpushsrSMQzFvMYRWBH5UU92X1qXLDru0EVOvvt9VrSr8mfzuXasGljJosavv" class="fa fa-qq"
					target="_blank" onclick="setcode('QQ')">QQ</a>
				<a>|</a>
				<a href="javascript:void(0)" class="fa fa-weixin" onclick="setcode('Wechat')">微信</a>
				<a>|</a>
				<a href="javascript:void(0)" class="fa fa-weibo" onclick="setcode('Weibo')">微博</a>
				<a>|</a>
				<a href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=3121280556@qq.com" class="fa fa-envelope" target="_blank">邮箱</a>
			</footer>
			<div id="wechatcode" catr="bat" style="display: none;">
				<br><h4 id="codetext">A1_Panda</h4>
				<img id="codeimg" src="#" style="width: 60%;">
			</div>
		</section>
		<!-- Footer -->
		<footer id="footer">
			<ul class="copyright">
				<!--IP信息模块-->
				<li>您的IP：<span id="ip"></span></li>
				<li>您的节点：<span id="node"></span></li>
				<!--位置信息模块-->
				<li>您的位置：<span id="location"></span></li>
			</ul>
			<!--版权信息，请勿修改！-->
			<a href="#">A1_Panda</a>&nbsp;&copy;&nbsp;版权所有
			</footer>
	</div>

	<script>
		// IP 信息获取
		async function fetchIPInfo() {
			try {
				const response = await fetch('https://2024.ipchaxun.com/');
				const data = await response.json();
				
				document.getElementById('ip').textContent = data.ip;
				document.getElementById('node').textContent = data.data[4];
				document.getElementById('location').textContent = 
					`${data.data[1]} ${data.data[2]} ${data.data[3]}`;
			} catch (error) {
				console.error('获取IP信息失败:', error);
			}
		}

		// 二维码显示控制
		const wechatcode = document.getElementById('wechatcode');
		const codeimg = document.getElementById('codeimg');
		const codetext = document.getElementById('codetext');

		function setcode(app) {
			if (codeimg.title !== app) {
				codeimg.src = `res/image/${app}.png`;
				codeimg.title = app;
				codetext.textContent = `${app} Code`;
				wechatcode.style.display = 'block';
			} else {
				codedisplay();
			}
		}

		function codedisplay() {
			wechatcode.style.display = 
				wechatcode.style.display === 'none' ? 'block' : 'none';
		}

		// 页面加载完成后执行
		document.addEventListener('DOMContentLoaded', () => {
			fetchIPInfo();
			
			// 初始化落叶效果
			jQuery('body').wpSuperSnow({
				flakes: [
					'res/image/001.png', 'res/image/002.png', 
					'res/image/003.png', 'res/image/004.png',
					'res/image/005.png', 'res/image/006.png', 
					'res/image/007.png', 'res/image/008.png'
				],
				totalFlakes: '100',
				zIndex: '999999',
				maxSize: '30',
				maxDuration: '20',
				useFlakeTrans: false
			});
		});

		// 移除加载状态
		window.addEventListener('load', () => {
			document.body.className = 
				document.body.className.replace(/\bis-loading\b/, '');
		});
	</script>

	<!-- 外部脚本引用 -->
	<script src="res/js/jquery.min.js" defer></script>
	<script src="res/js/su.js" defer></script>
	<script src="res/js/Photo.js" defer></script>
	<script src="res/js/script.js" defer></script>

	<!-- 背景音乐 -->
	<audio autoplay loop>
		<source src="res/music/game over.mp3" type="audio/mpeg">
	</audio>
</body>
</html>